<template>
    <div id="app">
      <router-view></router-view>
    </div>
</template>

<script>

export default {
  data() {
    return {}
  }
}
</script>
<style lang="less">

html, body, h3, p {
  margin: 0;
  padding: 0;
}

/* Webkit 浏览器（如 Chrome 和 Safari） */
/* 全局滚动条样式 */
*::-webkit-scrollbar {
  width: 6px; /* 滚动条宽度 */
  height: 6px; /* 滚动条高度 */
}

*::-webkit-scrollbar-thumb {
  background-color: gray; /* 滚动条颜色 */
  border-radius: 4px; /* 圆角 */
}

*::-webkit-scrollbar-track {
  background-color: transparent; /* 轨道背景色 */
}

*::-webkit-scrollbar-button {
  display: none; /* 隐藏上下按钮 */
}

/* 横向滚动条样式 */
*::-webkit-scrollbar:horizontal {
  height: 6px; /* 横向滚动条高度 */
}

*::-webkit-scrollbar-thumb:horizontal {
  background-color: gray; /* 横向滚动条颜色 */
  border-radius: 4px; /* 圆角 */
}

*::-webkit-scrollbar-track:horizontal {
  background-color: transparent; /* 横向轨道背景色 */
}

*::-webkit-scrollbar-corner {
  background-color: transparent; /* 滚动条角落背景色 */
}
</style>
